<template>
	<div>
		
		
		    <div id="app">
		        <div class="regster-wrap login mt60 bgff">
		            <div class="header-view logo-title plr20 ptb20">
						<router-link to="main/index">
		                <a class="fl" href="/"><img src="../../static/picture/logo.png" alt=""></a>
						</router-link>
						<router-link to="login">
		                <a class="fr mt10" href="#">登录</a>
						</router-link>
		            </div>
		            <h3 class="ptb20 fz20  w320_">
		                找回密码
		            </h3>
		            <h3 class="ptb20 fz14 tx-c step c-999 clear">
		                <div class="fl stp mr30 active">
		                    <span class="til">1</span>
		                    <span>账号验证</span>
		                </div>
		                <div class="fl stp mr30">
		                    <span class="til">2</span>
		                    <span>重置密码</span>
		                </div>
		                <div class="fl stp ">
		                    <span class="til">3</span>
		                    <span>完成</span>
		                </div>
		            </h3>
		            <!-- 账号验证 -->
		            <form class="w320_ form-forgot fz14">
		                <div class="input-item mb20 phone">
		                    <i class="khbicon khb-phone"></i>
		                    <input  type="text" name="phone" value="" required="phone" lay-verify="phone" placeholder="请输入手机号" class="layui-input input inputfocus" autofocus>
		                </div>
		                <div class="input-item mb20 phone">
		                    <i class="khbicon khb-code"></i>
		                    <input  type="text" name="code" value="" required="code" lay-verify="code" placeholder="请输入手机号" class="layui-input input inputfocus">
		                    <button type="button" class="layui-btn codebtn" style="padding:0;">获取验证码</button>
		                </div>
		                <div class="mb20 submit">
		                    <button type="button" class="layui-btn nextstep" >下一步</button>
		                </div>
		            </form>
		            <!-- 重置密码 -->
		            <form class="w320_ form-forgot fz14 hide">
		                <div class="input-item mb20 password">
		                    <i class="khbicon khb-password"></i>
		                    <input  type="password" name="password"  placeholder="请输入密码" class="layui-input input inputfocus">
		                </div>
		                <div class="input-item mb20 password">
		                    <i class="khbicon khb-password"></i>
		                    <input  type="password" name="password_confirmation"  placeholder="请确定密码" class="layui-input input inputfocus">
		                </div>
		                <div class="mb20 submit">
		                    <button type="button" class="layui-btn success">完成</button>
		                </div>
		            </form>
		            <!-- 重置密码 -->
		            <div class="w320_ form-forgot hide">
		                <div class="tx-c" style="padding:60px 0;">
		                    <i style="font-size:42px;color:#f2752e;margin-right:10px;" class="khbicon khb-chenggong"></i>
		                    <span class="fz20" style="color:#f2752e;position: relative;top: -9px;">找回成功</span>
		                </div>
		                <div class="mb20 submit">
		                    <a href="http://yun.kouhaobang.com/member/login" class="layui-btn success">去登录</a>
		                </div>
		            </div>
		        </div>
		        <div class="tx-c c-999 mt20">蜀ICP备13026644号-6</div>
		        <div id="wechat-login" class="mask-box hide">
		
		        </div>
		    </div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	@import url("../../static/layui/css/layui.css");
	@import url("../../static/css/reset.css");
	@import url("../../static/css/common.css");
	@import url("../../static/css/login-register.css");
	@import url("../../static/css/khbicon.css");
	
	.input-item{
			text-align: left;
	}
	.header-view{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
</style>
